<div id="serialWrapper">
    <!--{debug}-->
    <div id="serialTitle" class="mainBigSignature">
        <iframe  src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FShowsPL&layout=button_count&show_faces=true&width=60&action=like&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; margin-right: 5px; margin-top: 10px; overflow:hidden; width:100px; height:21px; float: right;" allowTransparency="true"></iframe>
        <h1 style="margin-bottom:5px; width: 200px;"><a style="text-shadow: 1px 1px 1px #ffffff; color: #DD7A10;" href="{$url}serial/{$serialLinkName}">{$serialData.0.name_to_show}</a></h1>
        <h2>s{$episodeData.0.season}e{$episodeData.0.episode} - {$episodeData.0.name}</h2>
        <!--<h2>s{$episodeData.0.season}e{$episodeData.0.episode} - {$episodeData.0.name} <a style="color:#ED881C; margin-right: 20px;" class="f-right" href="http://gramol.pl/Jakitoserial/quiz.php?utm_source=shows&utm_medium=link%2Bnad%2Boknem%2Bserialu&utm_campaign=shows%2Blink" target="blank">wygrywaj pieniądze w quizach o serialach</a></h2>-->
        <object width="680" height="400"><param name="movie" value="{$episodeData.0.link}"></param><param name="allowFullScreen" value="true"></param><embed src="{$episodeData.0.link}" type="application/x-shockwave-flash" allowfullscreen="true" width="680" height="400"></embed></object>
    </div>
    <div class="clear"></div>
    <div class="icons">
        <form method="post" action="{$url}zglos-blad" class="fLeft pt-5">
            <span class="fs-12 mr-5">Zgłoś błąd</span>
            <input type="hidden" name="showsId" value="{$episodeData.0.id}"/>
            <select name="option">
                <option value="1">Odcinek nie działa</option>
                <option value="2">Zły odcinek</option>
            </select>
            <input type="submit" value="zgłoś błąd">
        </form>
        <!--<img src="{$url}public/icons/twitter.png" alt="" title="Twitnij o tym" onclick="javascript: document.location='http://twitter.com/home?status=Obejrzyj {$episodeData.0.episode} odcinek {$episodeData.0.season} sezonu {$episodeData.0.serialName}. Jest świetny. Kliknij {$url}serial/{$episodeData.0.freeName}/s{$episodeData.0.season}e{$episodeData.0.episode}';"/>
        <img src="{$url}public/icons/facebook.png" alt="" title="Napisz o tym an Facebooku" onclick="javascript: document.location='http://www.facebook.pl/share.php?u={$url}serial/{$episodeData.0.freeName}/s{$episodeData.0.season}e{$episodeData.0.episode}'"/>
        <img src="{$url}public/icons/wykop.png" alt="" title="Wykop to" onclick="javascript: document.location='http://www.wykop.pl/dodaj?url=Obejrzyj {$episodeData.0.episode} odcinek {$episodeData.0.season} sezonu {$episodeData.0.serialName}. Jest świetny. Kliknij {$url}serial/{$episodeData.0.freeName}/s{$episodeData.0.season}e{$episodeData.0.episode}';"/>
        <img src="{$url}public/icons/sledzik.png" alt="" title="Napisz o tym na Śledziku" onclick="javascript: document.location='http://nasza-klasa.pl/sledzik?shout=Obejrzyj {$episodeData.0.episode} odcinek {$episodeData.0.season} sezonu {$episodeData.0.serialName}. Jest świetny. Kliknij {$url}serial/{$episodeData.0.freeName}/s{$episodeData.0.season}e{$episodeData.0.episode}';"/>
        <img src="{$url}public/icons/flaker.png" alt="" title="Wrzuć na Flakera" onclick="javascript: document.location='http://flaker.pl/add2flaker.php?url=Obejrzyj {$episodeData.0.episode} odcinek {$episodeData.0.season} sezonu {$episodeData.0.serialName}. Jest świetny. Kliknij {$url}serial/{$episodeData.0.freeName}/s{$episodeData.0.season}e{$episodeData.0.episode}';"/>
        <img src="{$url}public/icons/blip.png" alt="" title="Blipnij o tym" onclick="javascript: document.location='http://blip.pl/dashboard?body=Obejrzyj {$episodeData.0.episode} odcinek {$episodeData.0.season} sezonu {$episodeData.0.serialName}. Jest świetny. Kliknij {$url}serial/{$episodeData.0.freeName}/s{$episodeData.0.season}e{$episodeData.0.episode}';"/>-->
    </div>
    <div class="clear"></div>
    <div>
        <div class="f-left w-320P">
            <img class="mt-20 mb-20" src="{$url}public/images/serialsSign.png"/>
             <ul class="mb-20 ls-no ls-line tabNavigation">
                {foreach from=$serialEpisodes item=serial key=season name=seasonsNumbers}
                    <li>
                        <a href="javascript:;" onclick="showSeasonShows('{$season}','{if !$selectedSeason}1{else}{$selectedSeason}{/if}','{$smarty.foreach.seasonsNumbers.total}','{$url}')" id="seasonNumber{$season}"
                           {if !$selectedSeason && $smarty.foreach.seasonsNumbers.last} class="selected" {else} {if $selectedSeason == $smarty.foreach.seasonsNumbers.iteration} class="selected"{/if} {/if}
                           >{$season}</a>
                    </li>
                {/foreach}
             </ul>
            {foreach from=$serialEpisodes item=serial key=season name=seasons}
                <div class="showsListing" id="showsFromSeason{$season}" {if $selectedSeason eq $smarty.foreach.seasons.iteration} style="display: block;" {else} style="display: none;" {/if}>
                    {foreach from=$serial item=value name=ser}
                    <div class="showWrapper">
                        <a {if ($selectedEpisode eq $smarty.foreach.ser.iteration) && ($selectedSeason eq $smarty.foreach.seasons.iteration)}class="selectedColor" {/if} href="{$url}serial/{$serialLinkName}/s{$value.season}e{$value.episode}">s{$value.season}e{$value.episode} - {$value.name}</a><a class="startMovie {if ($selectedEpisode eq $smarty.foreach.ser.iteration) && ($selectedSeason eq $smarty.foreach.seasons.iteration)} selectedColor {/if}" href="{$url}serial/{$serialLinkName}/s{$value.season}e{$value.episode}">odtwarzaj</a>
                    </div>
                    {/foreach}
                </div>
            {foreachelse}
                Brak odcinków do tego serialu
            {/foreach}
        </div>
        <div class="f-right w-320P pr-20">
            <img class="mt-20 mb-20" src="{$url}public/images/commentsSign.png"/><br/>
            <div class="messageSuccess mb-20" id="commentMessageWrapper" style="display: none; padding-top: 0px;">
                <p id="commentMessage" class="taCenter pt-10">Dziękujemy za komentarz.</p>
            </div>
            <div class="clear"></div>
            <div class="" id="commentMainWrapper">
                    <div id="commentAddWrapper">
                        <img height="40" id="commentAvatar" class="mt-20" src="{if $userAvatar} {$url}public/avatars/{$userAvatar} {else} {$url}public/avatars/nouser.png {/if}" />
                         <div class="f-right" >
                             <textarea name="content" id="commentField"></textarea>
                         </div>
                         <div class="clear"></div>
                         <input class="f-right btnLay" type="button" value="dodaj" onclick="javascript: addComment('{$serialData.0.id}','{$url}')"/>
                    </div>
                <div class="clear"></div>
                {foreach from=$comments item=value}
                    <div class="commentWrapper">
                        <img height="40" src="{if $value.avatar} {$url}public/avatars/{$value.avatar} {else} {$url}public/avatars/nouser.png {/if}" class="f-left mt-20"/>
                        <div id="commentContent">
                            <span class="ml-10 fs-10 f-left mb-5 mt-5 c-beige">{if $value.login neq 'oull5'}{$value.login}{else}Anonim{/if} napisał:</span>
                            <span class="f-right mr-10 mb-5 mt-5">{$value.added_date|truncate:11:""}</span>
                            <div class="clear"></div>
                            <hr class="ml-10 mr-10 mt-no mb-no"/>
                            <p class="ml-10 mr-10 fs-12 c-beige">{$value.content}</p>
                        </div>
                    </div>
                    <div class="clear"> </div>
                {foreachelse}
                    <p id="noComments">Brak komentarzy</p>
                {/foreach}
                {if !$log}
                <!--<div class="ml-50 mt-20">
                        <img src="{$url}public/images/whyShows.png" alt="Dlaczego warto" id="whyShows"/>
                        <a href="{$url}rejestracja" class="btn_reg"></a>
                    --></div>
                    {/if}
        </div>
    </div>

    <!--<div class="clear"></div>
    <div >
        <img class="mt-20 mb-20" src="{$url}public/images/commentsSign.png"/><br/>
        <div class="" id="commentMainWrapper">
                    <div id="commentAddWrapper" {if $log} class="d-block" {else} class="d-none" {/if} >
                         <img src="{if $userAvatar} {$url}public/avatars/{$comments.avatar} {else} {$url}public/avatars/nouser.png {/if}" />
                         <div class="f-right" >
                             <textarea name="content" id="commentField"></textarea>
                         </div>
                         <div class="clear"></div>
                         <input class="f-right" type="button" value="skomentuj" onclick="javascript: addComment('{$serialData.0.id}','{$url}')"/>
                    </div>
                <div class="clear"></div>
                {foreach from=$comments item=value}
                    <div class="commentWrapper">
                        <img src="{if $value.avatar} {$url}public/avatars/{$comments.avatar} {else} {$url}public/avatars/nouser.png {/if}" class="f-left"/>
                        <div id="commentContent">
                            <span class="ml-50 fs-12 f-left mb-5 mt-5 c-beige">{$value.login} napisał:</span>
                            <span class="f-right mr-10 mb-5 mt-5">{$value.added_date}</span>
                            <div class="clear"></div>
                            <hr class="ml-50 mr-10 mt-no mb-no"/>
                            <p class="ml-50 mr-10 c-beige">{$value.content}</p>
                        </div>
                    </div>
                    <div class="clear"> </div>
                {foreachelse}
                    <p id="noComments">Brak komentarzy</p>
                {/foreach}
        </div>

    </div>-->
</div>